<template>
  <div class="MaterialsInformation">
    <div>
      <div class="chat-title">物料信息</div>
      <div class="chat-subtitle">Material information</div>
    </div>
    <MScroll :list="list"></MScroll>
  </div>
</template>

<script>
  import MScroll from './MScroll';
  export default {
    props: ["materialInfo"],
    components: {

      MScroll
    },
    data() {
      return {
        animate: false,
        timer1: "",
        list: [],
      };
    },

    mounted() {
      // METERIALSTATUS: "1"
      // METERIALWEIGHT: 100
      // MaterialCode: "DA003_DA09"
      // MaterialName: "物料A"
      // USEDWEIGHTSUM: 50
      this.list = this.materialInfo;
      // if (this.list && this.list.length > 3) {
      //   this.timer1 = setInterval(this.scroll, 1000);
      // }
    },
    methods: {

    }
  }

</script>

<style lang="scss">
  ul li {
    list-style-type: none;
  }

  .MaterialsInformation {
    height: 300px;
    overflow: hidden;
    cursor: pointer;

    .seamless {
      height: 100px !important;
      z-index: 9;
    }
  }

</style>
